.my{
	background-color: #F3F3F3;
	height: 100vh;
	.tuichu{
		width: 600rpx;
		height: 96rpx;
		background: #FFFFFF;
		box-shadow: 0px 2rpx 24rpx 0px rgba(0,0,0,0.0800); 
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		font-size: 32rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #0EA970;
		text-align: center;
		line-height: 96rpx;
		margin: 0 auto;
		margin-top: 30rpx;
	}
	.header-top,.header-line,.header-zhong{
		background-color: #0EA970;
		width: 100%;
	}
	.header-line{
		display: flex;
		justify-content: space-around;
		    align-items: center;
		height: 100rpx;
		line-height: 32px;
		color: #fff;
		
		
		
	}
	.my_geren{
		position: relative;
		height: 364rpx;
		    background: #F3F3F3;
		.my_geren_top{
			background-color: #0EA970;
			height: 256rpx;
			border-bottom-left-radius: 50rpx;
			border-bottom-right-radius: 50rpx;
		}
		.my_geren_bottom{
			width: 710rpx;
			height: 334rpx;
			background: #FFFFFF;
			border-radius: 96rpx 20rpx 96rpx 28px;
			opacity: 1;
			position: absolute;
			top:8%;
			    /* left: 20rpx; */
			left: 20rpx;
			.my_geren_bottom_left{
				.my_geren_bottom_left_tou{
					display: flex;
					// width: 50%;
					margin-left: 30rpx;
					margin-top: 25rpx;
					.my_geren_bottom_left_tou_left{
						width:112rpx;
						height: 112rpx;
						border-radius: 102rpx 102rpx 102rpx 102rpx;
						opacity: 1;
						background-color:#ccc;
						position: relative;
						.my_geren_bottom_left_tou_left_a{
							width:112rpx;
							height: 112rpx;
							image{
								width:112rpx;
								height: 112rpx;
								border-radius: 50%;
							}
						}
						.my_geren_bottom_left_tou_left_b{
							width: 86rpx;
							height: 30rpx;
							background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
							border-radius: 20rpx 20rpx 20rpx 20rpx;
							opacity: 1;
							font-size: 20rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #FFFFFF;
							position: absolute;
							bottom: -4rpx;
							left: 13rpx;
							text-align: center;
						}
					}
					.my_geren_bottom_left_tou_right{
						padding-left: 15rpx;
						width: 100%;
						position: relative;
						.my_geren_bottom_left_tou_right_shang{
							padding-top: 20rpx;
							display: flex;
							justify-content: space-between;
							text{
								font-size: 34rpx;
								font-family: Source Han Sans CN-Regular, Source Han Sans CN;
								font-weight: 400;
								color: #3D3D3D;
							}
							.my_geren_bottom_right_b{
								width:140rpx;
								height: 48rpx;
								background: rgba(255,143,31,0.5000);
								border-radius: 36rpx 0px 0px 36rpx;
								opacity: 1;
								display: flex;
								justify-content: space-around;
								align-items: center;
								position: absolute;
								right: 0;
								top: -2rpx;
								.text1{
									width: 40rpx;
									height: 40rpx;
									background: #FF8F1F;
									border-radius: 24rpx 24rpx 24rpx 24rpx;
									opacity: 1;
									text-align: center;
									line-height: 40rpx;
									.img{
										width: 28rpx;
										height: 28rpx;
		
									}
								}
								.text2{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Medium, Source Han Sans CN;
									font-weight: 500;
									color: #FFFFFF;
									padding-right: 6rpx;
								}
							}
							.my_geren_bottom_right_bc{
								width:140rpx;
								height: 48rpx;
								background: #9C9C9C;
								border-radius: 36rpx 0px 0px 36rpx;
								opacity: 1;
								display: flex;
								justify-content: space-around;
								align-items: center;
								position: absolute;
								right: 0;
								top: -2rpx;
								.text1{
									width: 40rpx;
									height: 40rpx;
									background: #333333;
									border-radius: 24rpx 24rpx 24rpx 24rpx;
									opacity: 1;
									text-align: center;
									line-height: 40rpx;
									.img{
										width: 28rpx;
										height: 28rpx;
									
									}
								}
								.text2{
									font-size: 24rpx;
									font-family: Source Han Sans CN-Medium, Source Han Sans CN;
									font-weight: 500;
									color: #FFFFFF;
									padding-right: 6rpx;
								}
							}
						}
						.my_geren_bottom_left_tou_right_xia{
							padding: 4rpx 0 0 0;
							display: flex;
							.text1{
								font-size: 12px;
								font-family: Source Han Sans CN-Regular, Source Han Sans CN;
								font-weight: 400;
								color: #0EA970;
							}
							.text2{
								font-size: 12px;
								font-family: Source Han Sans CN-Regular, Source Han Sans CN;
								font-weight: 400;
								color: #FF8F1F;
								padding-left: 15rpx;
							}
						}
						.my_geren_bottom_right_c{
							width: 272rpx;
							height: 48rpx;
							background: rgba(0,181,120,0.2000);
							border-radius: 36rpx 0px 0px 36rpx;
							opacity: 1;
							font-size:24rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #00B578;
							line-height: 48rpx;
							padding-left: 10rpx;
							position: absolute;
							    right: 0;
							    /* top: 20rpx; */
							    bottom: -20rpx;
								text-align: center;
						}
					}
				}
				.my_geren_bottom_xia{
					// width: 50%;
					text-align: center;
					margin-top: 50rpx;
					margin-left: 27rpx;
					display: flex;
					    justify-content: space-around;
					    align-items: center;
					.my_geren_bottom_xia_shang{
						position: relative;
						.text1{
							font-size: 44rpx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #0EA970;
						}
						.text2{
							font-size: 20rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #333333;
							position: absolute;
						}
					}
					.my_geren_bottom_xia_xia{
						font-size: 14px;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #333333;
						padding: 5rpx 0 0 0;
					}
				}
			}
			.my_geren_bottom_right_a{
				
			}
		}
	}
	.my_main_zhong{
		    display: flex;
		    justify-content: center;
		    margin-top: 20rpx;
		image{
			width: 710rpx;
			height: 170rpx;
		}
	}
	.my_main{
		background-color: #F3F3F3;
		display: flex;
		justify-content: center;
		.my_main_shang{
			width: 710rpx;
			height: 456rpx;
			background: #FFFFFF;
			box-shadow: 0px 4rpx 16rpx 0px rgba(0,0,0,0.1000);
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			margin-top: 20rpx;
			.my_main_top{
				font-size: 32rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #4C4B4B;
				padding: 20rpx 20rpx;
			}
			.my_main_bottom{
				display: flex;
				flex-wrap: wrap;
				.my_main_bottom_a{
					width: 25%;
					text-align: center;
					// margin-top: 18rpx;
					margin: 28rpx 0;
					.img{
						width: 64rpx;
						height: 64rpx;
					}
					.text{
						font-size: 28rpx;
						font-family: Source Han Sans CN-Regular, Source Han Sans CN;
						font-weight: 400;
						color: #333333;
					}
				}
				.box{
					// margin-top: 50rpx;
				}
			}
		}
	}
}